<template>
	<div class="header">
		<!-- 折叠按钮 -->
		<div class="header-left">
			<div class="web-title">v3 + nest + el-plus + axios + pinia + vite5 + UnoCSS 项目总汇</div>
		</div>
		<!-- 用户头像 -->
		<el-avatar :size="30" :src="imgurl" />
	</div>
</template>
<script setup>
import imgurl from '@/assets/imgs/avatar.jpg'
</script>
<style scoped>
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #ddd;
}

.logo {
	width: 35px;
}

.web-title {
	margin: 0 40px 0 10px;
	font-size: 18px;
}
</style>
